<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="40"
    height="40"
    viewBox="0 0 40 40"
    fill="none"
    :style="{ flex: `0 0 ${size}px`, height: `${size}px` }"
  >
    <g opacity="1" transform="translate(0 0)  rotate(0)">
      <mask id="mask-0" fill="white">
        <path
          d="M10 40L30 40C35.52 40 40 35.52 40 30L40 10C40 4.48 35.52 0 30 0L10 0C4.48 0 0 4.48 0 10L0 30C0 35.52 4.48 40 10 40Z"
        ></path>
      </mask>
      <g mask="url(#mask-0)"></g>
      <g mask="url(#mask-0)">
        <path
          id="好友"
          fill-rule="evenodd"
          fill="currentColor"
          opacity="1"
          d="M12.7687,8.07745c0.34,-0.26 0.68,-0.46 1.03,-0.6c0.35,-0.14 0.7,-0.24 1.06,-0.29c0.36,-0.05 0.7,-0.08 1.05,-0.08c0.85,0 1.61,0.18 2.29,0.54c0.68,0.35 1.19,0.74 1.53,1.14c0.23,0.29 0.37,0.56 0.43,0.81c0.06,0.25 0.14,0.53005 0.24,0.85005c-0.32,0.19 -0.67,0.47 -1.04,0.83c-0.36,0.37 -0.68,0.74 -0.95,1.11c-0.34,0.48 -0.6,1.01 -0.77,1.59c-0.17,0.58 -0.3,1.11 -0.38,1.61c-0.09,0.59 -0.13,1.19 -0.13,1.78c-0.14,0.16 -0.24,0.33 -0.31,0.51c-0.06,0.17 -0.11,0.37 -0.12,0.6c-0.02,0.23 0.01,0.48 0.1,0.76c0.08,0.29 0.18,0.51 0.28,0.66c0.1,0.15 0.2,0.27 0.28,0.36c0.1,0.1 0.2,0.17 0.31,0.2c0.06,0.27 0.13,0.53 0.2,0.77c0.07,0.2 0.15,0.41 0.24,0.62c0.1,0.22 0.21,0.37 0.35,0.48c0.12,0.1 0.21,0.18 0.28,0.25c0.07,0.07 0.12,0.13 0.17,0.19c0.04,0.06 0.06,0.14 0.07,0.25c0.01,0.1 0.03,0.23 0.07,0.4c-0.04,0.19 -0.08,0.34 -0.13,0.44c-0.05,0.1 -0.17,0.21 -0.36,0.33c-0.44,0.27 -0.92,0.49 -1.43,0.66c-0.51,0.17 -1,0.36 -1.47,0.56c-0.47,0.21 -0.87,0.48 -1.22,0.81c-0.35,0.33 -0.57,0.8 -0.65,1.42c-0.04,0.18 -0.06,0.37 -0.07,0.54c-0.01,0.18 -0.02,0.35 -0.04,0.5c-0.01,0.04 -0.03,0.07 -0.05,0.09c-0.01,0.03 -0.03,0.06 -0.05,0.09c-0.66,-0.05 -1.33,-0.11 -2.01,-0.18c-0.69,-0.07 -1.31,-0.14 -1.88005,-0.23c-0.57,-0.08 -1.05,-0.17 -1.44,-0.25c-0.4,-0.09 -0.64,-0.17 -0.74,-0.26c-0.16,-0.12 -0.27,-0.47 -0.35,-1.07c-0.08,-0.6 -0.05,-1.37 0.09,-2.32c0.09,-0.53 0.3,-0.93 0.65,-1.22c0.35,-0.28 0.76,-0.5 1.24,-0.66c0.48,-0.16 0.97005,-0.31 1.47005,-0.45c0.5,-0.13 0.95,-0.32 1.34,-0.56c0.3,-0.2 0.54,-0.39 0.7,-0.56c0.16,-0.17 0.28,-0.34 0.34,-0.52c0.07,-0.18 0.11,-0.36 0.11,-0.55c0,-0.19 -0.01,-0.39 -0.03,-0.61c-0.03,-0.35 -0.15,-0.61 -0.34,-0.81c-0.2,-0.19 -0.42,-0.39 -0.65,-0.6c-0.14,-0.08 -0.26,-0.22 -0.35,-0.41c-0.09,-0.18 -0.17,-0.37 -0.24,-0.56c-0.07,-0.2 -0.14,-0.43 -0.21,-0.69c-0.1,-0.03 -0.2,-0.08 -0.3,-0.15c-0.09,-0.07 -0.18,-0.17 -0.27,-0.31c-0.09,-0.13 -0.18,-0.32 -0.27,-0.56c-0.08,-0.24 -0.12,-0.46 -0.1,-0.68c0.02,-0.21 0.06,-0.39 0.13,-0.54c0.07,-0.19 0.16,-0.35 0.28,-0.46c-0.02,-0.55 0.01,-1.1 0.07,-1.66c0.07,-0.46 0.18,-0.96 0.34,-1.48c0.15,-0.53005 0.38,-1.01005 0.69,-1.43005c0.27,-0.41 0.57,-0.74 0.92,-1zM29.1033,32.5246c-0.6,0.07 -1.2,0.14 -1.8,0.19c-0.6,0.05 -1.19,0.09 -1.75,0.13c-0.56,0.0299 -1.05,0.05 -1.4801,0.05c-0.4299,0 -0.91,-0.0201 -1.4699,-0.05c-0.55,-0.04 -1.13,-0.08 -1.72,-0.13c-0.6,-0.05 -1.18,-0.11 -1.76,-0.17c-0.58,-0.06 -1.11,-0.12 -1.6,-0.2c-0.48,-0.08 -0.89,-0.1501 -1.22,-0.23c-0.34,-0.08 -0.54,-0.15 -0.63,-0.22c-0.14,-0.12 -0.25,-0.47 -0.33,-1.07c-0.09,-0.6 -0.06,-1.36 0.08,-2.3c0.08,-0.54 0.3,-0.95 0.6499,-1.22c0.3501,-0.28 0.7601,-0.5 1.2301,-0.67c0.48,-0.17 0.97,-0.32 1.47,-0.44c0.5,-0.13 0.95,-0.32 1.34,-0.58c0.31,-0.2 0.54,-0.39 0.71,-0.56c0.16,-0.17 0.28,-0.34 0.35,-0.51c0.08,-0.17 0.12,-0.35 0.12,-0.54c0,-0.18 -0.01,-0.4 -0.03,-0.63c-0.03,-0.35 -0.15,-0.61 -0.36,-0.81c-0.2,-0.19 -0.42,-0.39 -0.66,-0.57c-0.12,-0.11 -0.22,-0.25 -0.32,-0.44c-0.09,-0.18 -0.17,-0.37 -0.24,-0.56c-0.07,-0.2 -0.14,-0.43 -0.21,-0.69c-0.1,-0.03 -0.2,-0.08 -0.3,-0.15c-0.09,-0.07 -0.18,-0.17 -0.27,-0.31c-0.09,-0.13 -0.18,-0.32 -0.27,-0.56c-0.08,-0.24 -0.12,-0.46 -0.1,-0.68c0.02,-0.21 0.06,-0.38 0.1299,-0.52c0.0701,-0.17 0.16,-0.32 0.2801,-0.46c-0.02,-0.54 0.01,-1.1 0.08,-1.66c0.06,-0.47 0.17,-0.97 0.31,-1.49c0.15,-0.52 0.37,-1 0.68,-1.44c0.27,-0.41 0.58,-0.74 0.92,-1c0.34,-0.26 0.69,-0.46 1.05,-0.6c0.35,-0.14 0.71,-0.24 1.07,-0.29c0.3599,-0.05 0.7,-0.08 1.0199,-0.08c0.8701,0 1.6401,0.18 2.3201,0.54c0.6799,0.35 1.19,0.74 1.51,1.14c0.37,0.46 0.65,0.98 0.8299,1.55c0.18,0.57 0.3101,1.1 0.4001,1.6c0.08,0.57 0.11,1.15 0.0999,1.73c0.0801,0.07 0.1601,0.16 0.2301,0.28c0.05,0.1 0.09,0.24 0.14,0.4c0.04,0.16 0.04,0.36 0.01,0.6c-0.03,0.3 -0.1,0.55 -0.2001,0.74c-0.1099,0.19 -0.2099,0.33 -0.3099,0.43c-0.1201,0.12 -0.26,0.2 -0.41,0.23c-0.07,0.26 -0.13,0.49 -0.2,0.69c-0.07,0.19 -0.16,0.38 -0.2601,0.56c-0.0999,0.19 -0.2099,0.33 -0.3299,0.41c-0.14,0.12 -0.26,0.22 -0.37,0.31c-0.11,0.08 -0.2101,0.17 -0.29,0.27c-0.09,0.09 -0.16,0.2 -0.22,0.31c-0.06,0.12 -0.1101,0.27 -0.14,0.44c-0.04,0.22 -0.05,0.45 -0.04,0.68c0.01,0.23 0.06,0.45 0.17,0.67c0.1,0.22 0.26,0.44 0.49,0.64c0.2299,0.2 0.55,0.38 0.96,0.54c0.3599,0.15 0.75,0.28 1.19,0.39c0.43,0.11 0.85,0.24 1.25,0.4c0.4,0.15 0.76,0.35 1.07,0.58c0.32,0.24 0.54,0.55 0.68,0.92c0.07,0.24 0.12,0.53 0.16,0.87c0.05,0.34 0.07,0.69 0.07,1.04c0,0.34 -0.0301,0.67 -0.08,0.98c-0.05,0.31 -0.1301,0.53 -0.2301,0.69c-0.0699,0.1 -0.2699,0.2 -0.5999,0.3c-0.33,0.11 -0.7401,0.1999 -1.2401,0.29c-0.4899,0.08 -1.0299,0.1599 -1.6299,0.24z"
        ></path>
      </g>
    </g>
  </svg>
</template>

<script setup lang="ts">
const { size } = withDefaults(
  defineProps<{
    color?: string;
    size?: number;
  }>(),
  {
    color: '#cccccc',
    size: 18,
  }
);
</script>
